<template>
  <div>
    <!-- ***** 加载面板 Start ***** -->
    <div id="js-preloader" :class="[showLoader?'':'loaded', 'js-preloader']">
      <div class="preloader-inner">
        <span class="dot"></span>
        <div class="dots">
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>
    </div>
    <!-- ***** 加载面板 End ***** -->
  </div>
</template>


<style scoped>
@import url("../assets/template-res/vendor/bootstrap/css/bootstrap.min.css");
@import url("../assets/template-res/assets/css/fontawesome.css");
@import url("../assets/template-res/assets/css/templatemo-cyborg-gaming.css");
@import url("../assets/template-res/assets/css/owl.css");
@import url("../assets/template-res/assets/css/animate.css");
</style>

<script>

// bootstrap
// jquery
// popper
// modernizr.custom
// owl.carousel
// wowjs
// count-to
// bootsnav


import 'bootstrap/dist/js/bootstrap.js'
import Isotope from 'isotope-layout'
import "../assets/template-res/assets/js/owl-carousel.js"
import "../assets/template-res/assets/js/tabs.js"
import "../assets/template-res/assets/js/popup.js"
import 'swiper';
import 'swiper/css/swiper.min.css';


export default {
  name: "PageLoader",
  props: {
    showLoader: {
      type: Boolean,
      default: false,
    }
  },
  data() {
    return {}
  },
  created: function () {

  },
  mounted() {

  },
  methods: {}


}


</script>


